<template>
  <van-nav-bar style="background-color: white;" title="确认订单">
    <template #left>
      <p @click="$router.back()"><van-icon color="gray" name="arrow-left" /><span class="back">返回</span> </p>
    </template>
  </van-nav-bar>
  <div class="success">
    <div class="successicon">
      <van-icon size="30" name="success" />
    </div>
    <h1>支付成功</h1>
    <van-button type="primary" size="large" @click="$router.push('/detail/orderdet')">查看订单</van-button>
  </div>
</template>
<style lang="scss" scoped>
.successicon {
  width: 40px;
  height: 40px;
  background-color: green;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;

  .van-icon {
    color: white;
  }
}

.success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
}

.van-button {
  margin-top: 80px;
}
</style>